<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <title>单品列表</title>
    <link href="css/app.css" rel="stylesheet" />
</head>
<body>
    <div class="app">
        <div class="single-img">
            <img src="img/1.jpeg" />
        </div>
        <div class="single-list">
            <h3>
                热卖单品
            </h3>
            <div class="single-list-body">
                <div class="mu-list">
                    <div class="relative">
                        <img src="img/2.jpeg" class="single-boxl" />
                        <div class="single-boxr">
                            <h4>
                                抱枕
                            </h4>
                            <div class="place-p">
                                ￥<span class="price">25.00</span>
                                <div class="place-ys">
                                    <button class="reduce">-</button><input type="number" class="number" disabled="disabled" value="" placeholder="0" /><button class="plus">+</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mu-list">
                    <div class="relative">
                        <img src="img/3.jpeg" class="single-boxl" />
                        <div class="single-boxr">
                            <h4>
                                贡缎提花四件套（馨香花颜-宝石蓝）
                            </h4>
                            <div class="place-p">
                                ￥<span class="price">55.00</span>
                                <div class="place-ys">
                                    <button class="reduce">-</button><input type="number" class="number" disabled="disabled" value="" placeholder="0" /><button class="plus">+</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mu-list">
                    <div class="relative">
                        <img src="img/4.jpeg" class="single-boxl" />
                        <div class="single-boxr">
                            <h4>
                                贡缎提花四件套（梦境幻彩）
                            </h4>
                            <div class="place-p">
                                ￥<span class="price">199.00</span>
                                <div class="place-ys">
                                    <button class="reduce">-</button><input type="number" class="number" disabled="disabled" value="" placeholder="0" /><button class="plus">+</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mu-list">
                    <div class="relative">
                        <img src="img/5.jpeg" class="single-boxl" />
                        <div class="single-boxr">
                            <h4>
                                北欧风格两房两厅多空能储物空间-波西米亚
                            </h4>
                            <div class="place-p">
                                ￥<span class="price">33435.00</span>
                                <div class="place-ys">
                                    <button class="reduce">-</button><input type="number" class="number" disabled="disabled" value="" placeholder="0" /><button class="plus">+</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>

        <div class="oreder">
            <button class="mu-ripple-wrapper">
                <img src="img/icon.jpeg" />
                <span class="circle">0</span>
            </button>
            <div class="oreder-number">
                合计：<strong id="total">￥0.00</strong>
            </div>
            <button class="go-pay">
                去支付
            </button>
        </div>
    </div>
</body>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/app.js"></script>
</html>